<template>
	<div id="payable" style="height: 400px;width: 100%;"></div>
</template>
  
<script>
import * as echarts from 'echarts';
export default {
	data() {
		return {
		}
	},
	mounted() {
		this.initChart()
	},
	methods: {
		initChart() {
			var chartDom = document.getElementById('payable');
			var myChart = echarts.init(chartDom);
			var option;
			option = {
				title: {
					text: '应还金额'
				},
				xAxis: {
					type: 'category',
					boundaryGap: false,
					data: ['2022-10-1', '2022-10-3', '2022-10-5', '2022-10-7', '2022-10-9', '2022-10-1', '2022-10-3']
				},
				yAxis: {
					type: 'value'
				},
				series: [
					{
						data: [120, 132, 101, 134, 90, 230, 210, 201],
						type: 'line',
						areaStyle: {}
					}
				]
			};

			option && myChart.setOption(option);
		},
	}
}
</script>
  
<style lang="scss" scoped>

</style>
  